<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta charset="UTF-8">
	<title>受众</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/normalize.css">
</head>
<body style="background: #000;">
	<div class="mediamap" id="map" style="">
		
	</div>
	<div id="mapcontrol">
		<div class="mapbtn_wrp clearfix">
			<span class="mapbtn  mapbtn_blue">人口迁移</span>
		</div>
		<div class="mapbtn_wrp clearfix">
			<span>人口流量</span>
			<span class="mapbtn mapbtn_orange">工作日人口流量状况</span>
			<span class="mapbtn mapbtn_purple">周末人口流量状况</span>
		</div>

	</div>
	<!-- <div class="maskWrp audiences_wrp"> -->
		<div class="mask maskLeft">
			<div class="back">
				<a href="information.html" class="backPlan"><i class="backicon"></i><span>返回分析报告</span></a>
			</div>
			<div class="media_data clearfix" id="media_data">
				<div class="datatitle"><i class="mediadata"></i><span>覆盖受众：<b id="c_People"></b>万人</span><span>推荐媒体数量：<b id="mediaNumber"></b>例</span></div>
				<div id="vaInf" class="clearfix">
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>vaC</div>
						<div class="datacon vaCNum"></div>
					</span>
					<span class="data_item">	
						<div class="dataname"><i class="circle"></i>vaR</div>
						<div class="datacon vaRNum"></div>
					</span>
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>vaF</div>
						<div class="datacon vaFNum"></div>
					</span>
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>GRP</div>
						<div class="datacon GRPNum"></div>
					</span>
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>CMP</div>
						<div class="datacon CMPNum"></div>
					</span>
					<div id="unit">
						<div>单位</div>
						<p>vaC：万人次</p>
						<p>vaR：百分比</p>
						<p>vaF：次</p>
						<p>GRP：无单位</p>
						<p>CPM：元</p>
					</div>
				</div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">核心受众标签</div>
				<div class="AudienceTag auditag_wrp">
				</div>
			</div>
			<div class="media_wrp">	
				<div class="mediatitle">受众兴趣偏好标签</div>
				<div class="PreferenceTag auditag_wrp">
				</div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">受众年龄分布<span class="audiDown"></span></div>
				<div id="audiAge" class="mediaechart" style="display: none"></div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">受众性别比例<span class="audiDown"></span></div>
				<div id="audiSex" class="mediaechart" style="display: none"></div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">客群家庭结构<span class="audiDown"></span></div>
				<div id="audifamily" class="mediaechart" style="display: none"></div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">栅格人口类型<span class="audiDown"></span></div>
				<div id="audiPoptype" class="mediaechart" style="display: none"></div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">栅格人口职业<span class="audiDown"></span></div>
				<div id="audiprofession" class="mediaechart" style="display: none"></div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">栅格家庭收入<span class="audiDown"></span></div>
				<div id="audiincome" class="mediaechart" style="display: none"></div>
			</div>
		</div>
		<div class="medtitle_wrp"><span class="media_title">方案推荐详情</span></div>
		<div class="mask maskRight">
			<div class="loc_wea">
				<div class="locatinfo"><i class="Location"></i><span id="location"></span><span id="Describe"></span><span id="Season"></span><span class="mediatime" id="nowDate"></span></div>
				<div class="weather">
					<span class="weather_wrp"><i class="weathericon temicon"></i><div class="weatherinfo clearfix"><div class="weather_text">温度</div><div class="weatherdata temperature"></div></div></span>
					<span class="weather_wrp"><i class="weathericon cloud"></i><div class="weatherinfo clearfix"><div class="weather_text">天气</div><div class="weatherdata cond"></div></div></span>
					<span class="weather_wrp"><i class="weathericon windicon"></i><div class="weatherinfo clearfix"><div class="weather_text">风向</div><div class="weatherdata wind"></div></div></span>
					<span class="weather_wrp"><i class="weathericon air"></i><div class="weatherinfo clearfix"><div class="weather_text">空气</div><div class="weatherdata qlty"></div></div></span>
					<span class="weather_wrp"><i class="weathericon PM"></i><div class="weatherinfo clearfix"><div class="weather_text">PM2.5</div><div class="weatherdata pm25">11</div></div></span>
				</div>
			</div>
			<div class="wrpfr">
				<div class="mediatitle">手机品牌分布<span class="audiDown"></span></div>
				<div id="audiBrand" class="mediaechart"></div>
			</div>
			<div class="wrpfr">
				<div class="mediatitle">客群兴趣偏好<span class="audiDown"></span></div>
				<div id="audiInterest" class="mediaechart"></div>
			</div>
			<div class="wrpfr">
				<div class="mediatitle">客群常访地点<span class="audiDown"></span></div>
				<div id="audiPlace" class="mediaechart" style="display: none"></div>
			</div>
			<div class="wrpfr">
				<div class="mediatitle">客群学历分布（单位/人）<span class="audiDown"></span></div>
				<div id="audiEdu" class="mediaechart" style="display: none"></div>
			</div>
		</div>
		<div class="axis" >
			<span class="axiscell">1h</span>
			<span class="axiscell">2h</span>
			<span class="axiscell">3h</span>
			<span class="axiscell">4h</span>
			<span class="axiscell">5h</span>
			<span class="axiscell">6h</span>
			<span class="axiscell">7h</span>
			<span class="axiscell">8h</span>
			<span class="axiscell">9h</span>
			<span class="axiscell">10h</span>
			<span class="axiscell">11h</span>
			<span class="axiscell">12h</span>
			<span class="axiscell">13h</span>
			<span class="axiscell">14h</span>
			<span class="axiscell">15h</span>
			<span class="axiscell">16h</span>
			<span class="axiscell">17h</span>
			<span class="axiscell">18h</span>
			<span class="axiscell">19h</span>
			<span class="axiscell">20h</span>
			<span class="axiscell">21h</span>
			<span class="axiscell">22h</span>
			<span class="axiscell">23h</span>
			<span class="axiscell">24h</span>
		</div>
		<div class="mapBtn"><span class="mapAdd">+</span><span class="mapReduce">-</span></div>
		<div class="databtn_wrp">
			<a href="media.html" class="media cur"><span>媒体</span></a>
			<a href="market.html" class="market"><span>市场</span></a>
			<a href="audiences.html" class="Audience"><span>受众</span></a>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/echarts-all-3.js"></script>
	<script type="text/javascript" src="js/getAllTime.js"></script>
	<script type="text/javascript" src="js/mapapi.js"></script>
	<script type="text/javascript" src="js/bmap.min.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Pg78EjHlM1Ma0Bs5gZwkmgrQ"></script>
	<!-- <script type="text/javascript" src="https://github.com/ecomfe/echarts-gl"></script> -->
	<!-- <script type="text/javascript" src="js/mediaech.js"></script> --> 
	<!-- <script src='dist/echarts.js'></script> -->
	<script src='dist/echarts-liquidfill.js'></script>
	<script type="text/javascript" src="js/ajax-information.js"></script>
	<!-- <script type="text/javascript" src="js/market.js"></script> -->
	<script type="text/javascript" src="js/audiences.js"></script>
	<script type="text/javascript" src="js/adaptation.js"></script>
	<!-- <script type="text/javascript" src="js/demand.js"></script> -->
	<script>
	</script>
	</html>